<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<%@ include file="/web/header.jsp"%>
<title>Insert title here</title>
</head>
<body>
<div class="layui-collapse">
		<div class="layui-colla-item"> 
			<h2 class="layui-colla-title">项目信息-查询条件</h2>
			<div class="layui-colla-content layui-show">

				<fieldset class="layui-elem-field layui-field-title"
					style="margin: 10px">
					<legend>项目信息-查询条件</legend>
					<div class="layui-field-box">
						<form class="layui-form">
							<div class="layui-form-item">
								<label class="layui-form-label">编号</label>
								<div class="layui-input-inline">
									<input type="text" name="code" placeholder="请输入编号" autocomplete="off" class="layui-input">
								</div>
								<label class="layui-form-label">名称</label>
								<div class="layui-input-inline">
									<input type="text" name="name" placeholder="请输入名称" autocomplete="off" class="layui-input">
								</div>
								<label class="layui-form-label"></label> 
								<span> 
									<input type="button" value="查询" class="layui-btn layui-btn-sm" lay-submit lay-filter="search"> 
									<input type="reset"value="重置" class="layui-btn  layui-btn-sm layui-btn-primary">
									<input type="button" value="添加" class="layui-btn layui-btn-sm " onclick="openAdd()">
									<input type="hidden" name="action" value="page">
									<input type="hidden" name="pageIndex" value="1">
									<input type="hidden" name="pageLimit" value="10">
								</span>
							</div>
						</form>
					</div>
				</fieldset>
				
			</div>
		</div>
	</div>
	<table class="layui-table">
		<colgroup>
			<col width="10%">
			<col width="15%">
			<col width="15%">
			<col width="15%">
		</colgroup>
		<thead>
			<tr>
				<th>序号</th>
				<th>编号</th>
				<th>名称</th>
				<th>时间</th>
				<th>操作</th>
			</tr>
		</thead>
		<tbody></tbody>

	</table>
	
	<div id="pageInfo" style="text-align: right;padding-right: 30px"></div>
	<script type="text/javascript">
		element.render();
		formSubmit('search', "/ProjectServlet", 'json', function(data) { console.log(data)
			//分页控件的渲染=表格中全部数据的条数
			var curr=$("input[name=pageIndex]").val();
		 	var limit=$("input[name=pageLimit]").val();
			pageInfo('pageInfo',data.count,curr,limit,function(obj,first){
				$("input[name=pageIndex]").val(obj.curr);
				$("input[name=pageLimit]").val(obj.limit);
				if(!first){refresh();}//首次不执行
			});
			//展示表格的数据=表格中的当前页面的数据 
			var html="";
			var tpl=$("#tradd").html();
			$.each(data.list,function(i,dom){
// 				dom.i=i+1+(curr-1)*limit;
				var d={id:(i+1+(curr-1)*limit),code:dom.code,name:dom.name,time:dom.time}
				html+=laytpl(tpl).render(d);
			})
			$("tbody").html(html);
			layer.msg("查询成功",{time:1500})
		})
		function refresh(){
// 			$("input[type='reset']").click();
			$("input[value='查询']").click();
		}
		refresh();
		function openAdd(){
			layerOpen('/web/page/project/add.jsp',refresh)
		}
		
		function del(code){
			layerConfirm(function(){
				ajax("/ProjectServlet",{code:code,action:'del'},'text',function(data){console.log(data)
					if(data==1){
						layer.msg("删除成功",{time:1500},refresh)
					}else{
						layer.msg("删除失败")
					}
				})
			})
		}
		
		function openUpd(code){
			layerOpen('/web/page/project/upd.jsp?code='+code,refresh)
		}
	</script>
		<script type="text/html" id="tradd">
		<tr>
			<td>{{d.id}}</td><td>{{d.code}}</td><td>{{d.name}}</td><td>{{d.time}}</td>
			<td>
				<a href="javascript:del('{{d.code}}')" class="layui-btn layui-btn-sm layui-btn-danger">
					<i class='layui-icon layui-icon-delete'></i>
				</a>
				<a href="javascript:openUpd('{{d.code}}')" class="layui-btn layui-btn-sm">修改</a>
			</td>
		</tr>
		</script>
</body>
</html>